<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <link href="css/bootstrap.css" rel="stylesheet">
    <script src="js/jquery-1.11.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <!--头部-->
        <div class="col-xs-12 navbar-fixed-top" style="background-color: #000000;padding-bottom: 7px">
            <!--下拉按钮-->
            <div class="btn-group" STYLE="margin-top: 8px;">
                <button type="button" class="btn btn-default">1</button>
                <button type="button" class="btn btn-default">2</button>
                <div class="btn-group">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        Dropdown
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Drown</a></li>
                        <li><a href="#">Dropds</a></li>
                    </ul>
                </div>
            </div>
            <!--下拉按钮结束-->
        </div>
        <!--头部结束-->

        <!--正文-->
        <div class="col-lg-9 col-lg-offset-1 col-xs-9 col-xs-offset-1 "
             style="border: 1px solid #d3d3d3;border-radius: 8px;margin-top:60px;margin-bottom: 10px;padding: 10px">
            <!-- Button trigger modal -->
            <button class="btn btn-primary" data-toggle="modal" data-target="#myModal">
                模态窗口
            </button>

            <!-- Modal -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span
                                    aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                        </div>
                        <div class="modal-body">
                            ...
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--模态窗口结束-->
            <br>
            dsff<br>
            dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br>
            dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br> dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br> dsff<br>
            dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br> dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br> dsff<br> dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br> dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br> dsff<br>
            dsff<br>
            dsff<br>sff<br>
            dsff<br>
            <!--分页-->
            <ul class="pagination ">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
            <!--分页结束-->

        </div>
        <!--正文结束-->
        <!--侧边导航栏-->
        <div class="col-lg-2 col-xs-2" style="margin-top: 60px;">
            <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left"
                    title="Tooltip on left">Tooltip on left
            </button>

        </div>
        <!--侧边导航栏结束-->
    </div>
    <!--脚部声明-->
    <div class="panel-footer "> * Created by zhentaoo.
        * Date: 2014/10/22
        * Time: 12:00
    </div>
    <!--脚部声明结束-->
</div>
</body>
</html>